<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>煤炭管理系统</title>
    <link rel="stylesheet" href="/lib/layui/css/layui.css">
    <link rel="stylesheet" href="/lib/layui/css/layui-theme-custom.css">
    <link rel="stylesheet" href="/static/css/member.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <#include "/base/main-header.ftl">

    <#include "/base/main-left.ftl">
    <div class="layui-body">
        <!-- 内容主体区域  -->
        <div class="site-title">
            <fieldset>
                <legend>
                    <a class="site-title-text">履约保证金明细</a>
                </legend>
            </fieldset>
        </div>
        <br>
        <div class="table-box">
            <div class="site-text site-block">
                <form action="" class="layui-form">
                    <div class="layui-form-item">
                        <label for="memberName" class="myLable">通知信息：</label>
                        <div class="layui-input-block">
                            <input type="radio" name="status" value="all" title="全部" checked="">
                            <input type="radio" name="status" value="issued" title="冻结中">
                            <input type="radio" name="status" value="committed" title="已解冻">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="myLable">单据编号：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="" required autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="myLable">供应商名称：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="" required autocomplete="off" class="layui-input">
                            </div> &nbsp;&nbsp;&nbsp;&nbsp;
                            <a href=""><button class="layui-btn layui-btn-radius layui-inline">查询</button></a>
                        </div>
                    </div>
                </form>
            </div>

            <table class="layui-hide" id="audit"></table>

            <table class="layui-table">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>采购单号</th>
                    <th>供应商名称</th>
                    <th>冻结金额</th>
                    <th>订单状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>1</td>
                    <td>中能热电2015091504</td>
                    <td>达县煤业有限公司</td>
                    <td>120000</td>
                    <td>已解冻</td>
                    <td><a href="/see">查看</a></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>中能热电2015091504</td>
                    <td>达县煤业有限公司</td>
                    <td>120000</td>
                    <td>已解冻</td>
                    <td><a href="/unfreeze">解冻</a></td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>中能热电2015091504</td>
                    <td>达县煤业有限公司</td>
                    <td>120000</td>
                    <td>冻结中</td>
                    <td><a href="/see">查看</a></td>
                </tr>
                </tbody>
            </table>
            <br>
        </div>
    </div>
</div>
<script type="text/html" id="auditOption">
    <a href="/{{d.id}}" class="layui-table-link">解冻</a>
</script>
<script type="text/html" id="fillOption">
    <a href="/{{d.id}}" class="layui-table-link">查看</a>
</script>
<script src="/static/lib/layui/layui.js"></script>
<script>
    layui.use(['layer', 'form', 'element', 'jquery','table'], function () {
        let layer = layui.layer, form = layui.form, $ = layui.$,table = layui.table;
        table.render({
            elem: '#audit'
            ,url: '/'
            ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            ,cols: [[
                {field:'', width:100,title: '序号', sort: true}
                ,{field:'', title: '采购单号'}
                ,{field:'', title: '供应商名称'}
                ,{field:'', title: '冻结金额'}
                ,{field:'',  title: '订单状态'}
                ,{field:'',title: '操作',templet: '#auditOption', unresize: true}
            ]]
            ,page: true
        });
    });
</script>
</body>
</html>